<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!-- 引用第三方样式 -->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <!-- 引用公共样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引用页面css样式 -->
    <link rel="stylesheet/less" href="css/coupon-common.less">
    <!-- 引用less.js -->
    <script src="./lib/less/less.min.js"></script>
    <title>肯德基等优惠券 -- 慢慢买</title>
    <style>
        main .Coupon ul {
            width: 100%;
        }

        main .Coupon ul li {
            width: 30%;
            float: left;
            text-align: center;
            border: 1px solid #ddd;
            margin: 5px;
        }

        main .Coupon ul li img {
            width: 70%;
            margin: 5px auto;
            display: block;
        }
    </style>
</head>

<body>
<!-- 头部信息 -->
<header>
    <h1>优惠券</h1>
    <a class="app fr" href="javascript:"></a>
    <a class="goindex fl" href="javascript:" id="goindex"></a>
</header>
<main>
    <div class="Coupon">
        <ul class="coupon clearfix">
        </ul>
    </div>
    <div class="nav">
        <a href="javascript:" class="goindex">首页</a><span>&nbsp;&gt;&nbsp;</span><a href="#">优惠券</a>
    </div>
</main>
<footer>
    <ul class="table">
        <li><a href="http://192.168.21.72/wxy1/login.html">登录</a></li>
        <li><a href="http://192.168.21.72/wxy1/register.html">注册</a></li>
        <li class="gotop"><a href="javascript:"><img src="images/top-yy.jpg" alt="">返回顶部</a></li>
    </ul>
    <div class="links">
        <p><a href="http://m.manmanbuy.com/?o=download">手机app下载</a><a href="javascript:">慢慢买手机版</a><span>--</span>&nbsp;<span>掌上比价平台</span>
        </p>
        <p>m.manmanbuy.com</p>
    </div>
</footer>
<!-- 优惠券商铺模板 -->
<script type="text+/template" id="coupon">
    {{ each result as value i }}
    <li>
        <a href="javascript:">
            <img src="{{ result[i].couponImg }}" alt="">
            <p data-couponid="{{ result[i].couponId }}">{{ result[i].couponTitle }}</p>
        </a>
    </li>
    {{ /each }}
</script>

<!-- 引入jQuery -->
<script src="./lib/jquery/jquery-1.12.2.min.js"></script>
<!-- 引入Bootstrap -->
<script src="./lib/bootstrap/js/bootstrap.js"></script>
<!-- 引入template -->
<script src="./lib/template/template.js"></script>
<!-- 引入本页js -->
<script src="js/coupon.js"></script>
</body>

</html>